<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<style>
		tr,
		td,
		th {
			border: 1px solid silver;
		}
	</style>
</head>

<body>
	<table align="center" cellpadding="40" cellspacing="0" width="500" height="300">
		<thead>
			<tr>
				<th>姓名</th>
				<th>性别</th>
				<th>年龄</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>小众</td>
				<td>男</td>
				<td>10</td>
			</tr>
			<tr>
				<td>小明</td>
				<td>男</td>
				<td>10</td>
			</tr>
			<tr>
				<td>小红</td>
				<td>女</td>
				<td>10</td>
			</tr>
			<tr>
				<td>小江</td>
				<td>男</td>
				<td>10</td>
			</tr>
		</tbody>
	</table>
	<h1>单元格里可以放任何元素包括图片、文字链接等<h2>
			<!-- cellpadding是单元格边沿和文字的距离  cellspacing单元格之间的距离 -->
			<!-- 实际开发中尽量不要定义cellpadding,而是用css定义内边距 -->
			<table align="center" cellpadding="50" cellspacing="0" width="500" height="200">
				<tr>
					<td colspan="2"></td>

					<td></td>
				</tr>
				<tr>
					<td></td>
					<td rowspan="2"></td>
					<td></td>
				</tr>
				<tr>
					<td></td>

					<td></td>
				</tr>

			</table>
			<h1>单元格合并时跨列选择左侧单元格，跨行选择上面的单元格，合并后要删除多余的单元格<h2>
</body>

</html>